
.story-wrapper {
	position: relative;
	top: 0upx;
	padding: 20upx 60upx;
	box-sizing: border-box;
}		

.story {
	position: relative;
	top: 0upx;
	height: 400upx;
	background-color: #fff;
	border-radius: 15upx;
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	padding: 20upx 30upx;
	margin: 0upx -20upx;
	box-sizing: border-box;
}

.story-content-title {
	font-weight: bold;
	font-size: 35upx;
}
.story-content {
	margin-top: 10upx;
	padding: 0upx 20upx;
}
.story-content-txt {
	font-size: 25upx;
	word-break: break-all;
}

.dialog-wrapper {
	position: relative;
	top: 0upx;
	height: 600upx;
	width: 700upx;
	background-color: #fff;
	border-radius: 15upx;
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	padding: 20upx 30upx;
	/*margin: 60upx 60upx;*/
	box-sizing: border-box;
}
.title {
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	margin-bottom: 20upx;
}
.story-input {
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	font-size: 30upx;
	width: 600upx;
	border: 1upx solid #ccc;
}
.fontnumbox {
	position: relative;
	left: 95%;
	transform: translate(-100%,0);
	font-size: 30upx;
	font-weight: lighter;
}

.btn-dock {
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	display: flex;
	flex-flow: row;
	align-items: center;
	padding-bottom: 20upx;
}
.btn-cancel {
	width: 180upx;
	height: 80upx;
	display: flex;
	margin-top: 30upx;
	margin-right: 20upx;
	line-height: 80upx;
	justify-content: center;
	border-radius: 25upx;
	border: 3upx solid #dedede;
	font-size: 40upx;
}.btn-save {
	width: 180upx;
	height: 80upx;
	display: flex;
	margin-top: 30upx;
	margin-left: 20upx;
	line-height: 80upx;
	justify-content: center;
	border-radius: 25upx;
	border: 3upx solid #dedede;
	font-size: 40upx;
}